<%--
  Created by IntelliJ IDEA.
  User: apple
  Date: 2020/6/13
  Time: 11:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@include file="head.jsp"%>

<style type="text/css">
    a:link {
        text-decoration: none;
    }
    a:visited {
        text-decoration: none;
    }
    a:hover {
        text-decoration: none;
    }
    a:active {
        text-decoration: none;
    }
    a{
        color: #598c55;
        font-size: 15px;
    }
    table td{padding-right: 220px;padding-bottom: 10px}
</style>

<!--广告图-->
<div class="container-fluid page-banner">
    <div class="row">
        <img src="img/pagebanner1.jpg" alt="" class="img-responsive" />
    </div>
</div>

<!--关于我们 正文-->
<div class="about">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-3 col-sm-3 hidden-xs sidebar">
                <!--电脑端页面导航-->
                <ul>
                    <li class="sidebar-title">
                        <h3>关于多肉</h3>
                        <p>About Us</p>
                    </li>
                    <li class="sidebar-item">
                        <a href="/webtest/Homework/Qiantai/news?action=page&currPage=1"><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;多肉新闻</a>
                    </li>
                    <li class="sidebar-item">
                        <a href="about1.jsp"><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;种植养护</a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 right-content">
                <!--手机端页面导航-->
                <div class="mobile-nav hidden-md hidden-sm hidden-lg">
                    <div class="mobile-nav-title">
                        <h3>关于多肉</h3>
                        <p>About Us</p>
                    </div>
                    <div class="mobile-nav-item clearfix">
                        <a href="/webtest/Homework/Qiantai/news?action=page&currPage=1">
                            <span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;多肉新闻
                        </a>
                        <a href="about1.jsp">
                            <span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;种植养护
                        </a>
                    </div>
                </div>
                <!--面包屑导航-->
                <ol class="breadcrumb bread">
                    <li>
                        <a href="index.jsp">首页</a>
                    </li>
                    <li class="active">关于多肉</li>
                </ol>
                <div class="about-content">
                    <h4>
                        多肉新闻 / <small>NEWS OF SUCCULENT PLANTS</small> /
                        <a style="margin-left: 20px">第${page.currpage}页/共${page.totalpage}页</a>
                    </h4>
                    <div class="honor-pic">
                        <div class="row">
                            <div style="color: #598c55;font-size: 20px">
                                <table>
                                    <c:forEach items="${page.records}" var="n">
                                        <tr style=";border:1px solid #ffffff;height:20px;line-height: 35px">
                                            <td style="font-size: 14px;white-space : nowrap;margin-left: 30px;float:left;width:100px;color: #444444">
                                                ◍       &nbsp;
                                                <a href="${n.url}" style="color: rgba(1,0,1,0.85)">${n.title}</a></td>

                                            <td style="color: #737373;font-size: 14px;white-space : nowrap;margin-left: 370px;float:left;width:200px;">${n.updatetime}</td>
                                        </tr>
                                    </c:forEach>
                                </table>
                                <!--                  分页                    -->
                            </div>
                        </div>
                        <nav aria-label="Page navigation" class="page-box">
                            <ul class="pagination">
                                <li>
                                    <a href="${pageContext.request.contextPath }/Homework/Qiantai/news?action=page&currPage=1" aria-label="Previous">
                                        <span aria-hidden="true">首页</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="${pageContext.request.contextPath }/Homework/Qiantai/news?action=page&currPage=${page.currpage-1<=0?1:page.currpage-1}" aria-label="Previous">&laquo;</a>
                                </li>
                                <c:forEach begin="${page.currpage}" end="${page.totalpage}" var="num">
                                    <li>
                                        <a href="${pageContext.request.contextPath }/Homework/Qiantai/news?action=page&currPage=${num}">${num}</a>
                                    </li>
                                </c:forEach>
                                <li>
                                    <a href="${pageContext.request.contextPath }/Homework/Qiantai/news?action=page&currPage=${page.currpage+1 <= page.totalpage?page.currpage+1:page.totalpage}" aria-label="Next">&raquo;</a>
                                </li>
                                <li>
                                    <a href="${pageContext.request.contextPath }/Homework/Qiantai/news?action=page&currPage=${page.totalpage}" aria-label="Next">
                                        <span aria-hidden="true">尾页</span>
                                    </a>
                                </li>
                            </ul>
                            <ul> 第${page.currpage} 页 / 共${page.totalpage} 页</ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<%@include file="foot.jsp"%>

<script src="js/jquery-1.11.0.js"></script>
<script src="js/bootstrap.min.js"></script>

</body>
</html>
